<script setup>
import { onMounted, ref } from 'vue';
import $bus from '../../utils/bus'

import TradeCategory from '@/views/tradeGoods/tradeCategory.vue'
import TradeGoods from './tradeGoods.vue';
import TradeQuotation from './tradeQuotation.vue';
import TradeUnit from './tradeUnit.vue';
import TradeWarehouse from './tradeWarehouse.vue';
//---------------------------------------------------------------------获取标题事件---------------------------------------------------------------------
const activeName = ref('tradeCategory')
const titleData = ref({
  titleFir : '贸易数据',
  titleSec: '商品信息'
})
onMounted(()=>{
  $bus.emit('title-info',titleData.value)
})
</script>

<template>
 <el-tabs v-model="activeName" class="demo-tabs">

    <el-tab-pane label="商品分类" :lazy="true" name="tradeCategory">
      <TradeCategory></TradeCategory>
    </el-tab-pane>

    <el-tab-pane label="商品信息" :lazy="true" name="tradeGoods">
      <TradeGoods></TradeGoods>
    </el-tab-pane>

    <el-tab-pane label="报价单信息" :lazy="true" name="tradeQuotation">
      <TradeQuotation></TradeQuotation>
    </el-tab-pane>

    <el-tab-pane label="商品单位" :lazy="true" name="tradeUnit">
      <TradeUnit></TradeUnit>
    </el-tab-pane>

    <el-tab-pane label="商品仓库" :lazy="true" name="tradeWarehouse">
      <TradeWarehouse></TradeWarehouse>
    </el-tab-pane>

  </el-tabs>
</template>

<style scoped lang="scss">

</style>
